/**/
.news-precisionMarketing-mod{ background:#fff2dd; border-radius:10px; position:relative; font-size:14px; color:#333; margin-bottom:20px;}
.news-precisionMarketing-mod .icon{ width:129px; height:109px; background:url("/images/template/2020precisionMarketing-v3/precisionMarketing-ico.png") no-repeat 0 0; position:absolute; top:18px; right:40px;}
.news-precisionMarketing-mod .drawBefore-con{ padding:18px 0 30px 0;}
.news-precisionMarketing-mod .top-tit{ line-height:45px; font-size:24px; color:#ff7c06; font-weight:bold; padding-left:30px;}
.news-precisionMarketing-mod .drawBefore-con .drawBtn-wrap{ padding:10px 0 26px 30px;}
.news-precisionMarketing-mod .drawBefore-con .drawBtn-wrap .draw-btn{ display:none; float:left; width:170px; height:46px; line-height:46px; text-decoration:none; text-align:center; background:#ff7e00; border-radius:50px; font-size:20px; color:#fff; font-weight:bold;}
.news-precisionMarketing-mod .drawBefore-con .drawBtn-wrap .draw-btn:hover{ box-shadow:0 4px 8px #ffe2c1;}
.news-precisionMarketing-mod .drawBefore-con .drawBtn-wrap p{ float:left; display:block; line-height:46px; padding-left:20px;}
.news-precisionMarketing-mod .drawBefore-con .drawBtn-wrap strong{ padding-left:20px;}
.news-precisionMarketing-mod .drawBefore-con .drawBtn-wrap strong span{ color:#ff7e00;}
.news-precisionMarketing-mod .course-list{ text-align:center;}
.news-precisionMarketing-mod .course-list li{ display:inline-block; *display:inline; *zoom:1; width:226px; background:#fff; border-radius:10px; padding:21px 12px 0; margin:0 4px;}
.news-precisionMarketing-mod .course-list .introduce-text{ border-bottom:1px solid #f2f2f2; padding-bottom:14px;}
.news-precisionMarketing-mod .course-list .introduce-text .name{ float:left; width:146px;}
.news-precisionMarketing-mod .course-list .introduce-text .name h3{ line-height:26px; height:52px; font-size:18px; font-weight:bold; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.news-precisionMarketing-mod .course-list .introduce-text .name p{ line-height:20px; padding-top:8px;}
.news-precisionMarketing-mod .course-list .introduce-text .tips{ float:right;}
.news-precisionMarketing-mod .course-list .introduce-text .tips p{ display:block; height:26px; line-height:26px; background:#fff5e1; margin-bottom:6px; border-radius:50px; font-size:12px; color:#ff7e00; padding:0 10px;}
.news-precisionMarketing-mod .course-list .price-wrap{ line-height:52px; font-size:28px; color:#ff7e00; padding-bottom:6px; font-weight:bold;}
.news-precisionMarketing-mod .course-list .buy-btn{ display:block; width:210px; height:40px; line-height:40px; text-decoration:none; text-align:center; font-size:18px; color:#fff; background:#ff6b42; border-radius:50px; margin:0 auto;}
.news-precisionMarketing-mod .drawResult-con{ padding:19px 0 0; }
.news-precisionMarketing-mod .drawResult-con .drawResultTop{ padding:0 0 0 30px;border-bottom:1px solid #ffd9c5;}
.news-precisionMarketing-mod .drawResult-con .drawBtn-wrap{ padding:10px 0 26px;}
.news-precisionMarketing-mod .drawResult-con .drawBtn-wrap .coupon-btn{ display:block; float:left; padding:0 30px 0 72px; position:relative; height:46px; line-height:46px; text-decoration:none; text-align:center; background:#fff; border-radius:50px; font-size:20px; color:#ff7c06; font-weight:bold;}
.news-precisionMarketing-mod .drawResult-con .drawBtn-wrap .coupon-btn i{ display:block; width:26px; height:26px; position:absolute; left:31px; top:10px; background:url("/images/template/2020precisionMarketing-v3/precisionMarketing-ico.png") no-repeat 0 -238px;}
.news-precisionMarketing-mod .drawResult-con .drawBtn-wrap p{ float:left; display:block; line-height:46px; padding-left:20px;}
.news-precisionMarketing-mod .drawResult-con .drawBtn-wrap strong{ padding-left:20px;}
.news-precisionMarketing-mod .drawResult-con .drawBtn-wrap strong span{ color:#ff7e00;}
.news-precisionMarketing-mod .coupon-con{ width:440px; margin:21px auto 0; color:#fff; border-radius:10px; overflow:hidden; position:relative; background:#ff663c; background-image:-webkit-linear-gradient(left, #ff7f5b, #ff663c); background-image:-ms-linear-gradient(left, #ff7f5b, #ff663c); background-image:linear-gradient(left,#ff7f5b,#ff663c);}
.news-precisionMarketing-mod .coupon-con .discount-tags{ padding:0 28px 0 28px; line-height:70px; border-bottom:1px dashed #fff;}
.news-precisionMarketing-mod .coupon-con .discount-tags h3{float:left; display:block; font-size:22px;}
.news-precisionMarketing-mod .coupon-con .discount-tags h3 strong{ font-size:36px; margin-right:6px;}
.news-precisionMarketing-mod .coupon-con .discount-tags p{ display:block; float:right; font-size:20px;}
.news-precisionMarketing-mod .coupon-con .tips{ line-height:20px; padding:12px 20px 12px 25px;}
.news-precisionMarketing-mod .coupon-con .ico-left,.news-precisionMarketing-mod .coupon-con .ico-right{ display:block; width:16px; height:16px; background:#fff7e8; border-radius:50%; position:absolute; left:-8px; top:68px;}
.news-precisionMarketing-mod .coupon-con .ico-right{ left:auto; right:-8px;}
.news-precisionMarketing-mod .coupon-countDown{ line-height:34px; text-align:center;}
.news-precisionMarketing-mod .coupon-countDown strong{ color:#ff7c06; margin-left:19px; font-weight:normal;}
.news-precisionMarketing-mod .course-tit{ padding:0 37px; height:48px; line-height:48px;}
.news-precisionMarketing-mod .course-tit h4{ float:left; font-size:18px; font-weight:bold; color:#ff7c06;}
.news-precisionMarketing-mod .course-tit p{ display:block; float:right;}
.news-precisionMarketing-mod .course-tit p a{ color:#ff6b42; text-decoration:underline;}
.news-precisionMarketing-mod .drawResult-con .course-list{}
.news-precisionMarketing-mod .drawResult-con .course-list li{ padding-bottom:18px;}
.news-precisionMarketing-mod .drawResult-con .course-list .price-wrap{ line-height:58px; font-size:18px; padding-bottom:0;}
.news-precisionMarketing-mod .explain-text{ line-height:60px; padding-left:36px; color:#666;}

/**/
.project-precisionMarketing-mod{ font-size:14px; float:right;}
.project-precisionMarketing-mod .couponBefore-con{ float:right;height:62px; border-radius:50px; background:#fff; padding:0 12px 0 129px; margin:20px 33px 0 0; position:relative;}
.project-precisionMarketing-mod .couponBefore-con .icon{ display:block; width:107px; height:53px; position:absolute; left:22px; top:9px; background:url("/images/template/2020precisionMarketing-v3/precisionMarketing-ico.png") no-repeat 0 -306px;}
.join_class .set_meal .total_mon.precisionMarketing-tags{ margin-top:0; float:right;}
.project-precisionMarketing-mod .couponBefore-con .introduce-text{ float:left;text-align:center; padding:7px 10px 0 0;}
.project-precisionMarketing-mod .couponBefore-con .introduce-text h3{ line-height:28px; font-size:18px; font-weight:bold; color:#ff6633;white-space:nowrap;}
.project-precisionMarketing-mod .couponBefore-con .introduce-text p{ line-height:22px; font-size:12px; color:#333;}
.project-precisionMarketing-mod .couponBefore-con .introduce-text p span{ color:#ff6633;}
.project-precisionMarketing-mod .couponBefore-con .draw-btn{ display:none; float:left; width:120px; height:40px; line-height:40px; text-decoration:none; text-align:center; background:#ff7e00; border-radius:50px; font-size:16px; color:#fff; font-weight:bold; margin-top:11px;}
.project-precisionMarketing-mod .couponResult-con{ float:right; width:336px; height:62px; border-radius:50px; background:#fff; padding-left:129px; margin:20px 33px 0 0; position:relative; padding-right:4px;}
.project-precisionMarketing-mod .couponResult-con .icon{ display:block; width:107px; height:53px; position:absolute; left:22px; top:9px; background:url("/images/template/2020precisionMarketing-v3/precisionMarketing-ico.png") no-repeat 0 -306px;}
.project-precisionMarketing-mod .couponResult-con .introduce-text{ float:left; width:177px; text-align:center; padding:7px 0 0;}
.project-precisionMarketing-mod .couponResult-con .introduce-text h3{ line-height:28px; font-size:18px; font-weight:bold; color:#ff6633;}
.project-precisionMarketing-mod .couponResult-con .introduce-text p{ line-height:22px; font-size:12px;}
.project-precisionMarketing-mod .couponResult-con .introduce-text p a{ color:#ff6633;}
.project-precisionMarketing-mod .couponResult-con .coupon-countDown{ float:left; line-height:20px; padding:14px 0 0; color:#666;}
.project-precisionMarketing-mod .couponResult-con .coupon-countDown span{ color:#ff6a41;}
.project-precisionMarketing-mod.other-tags{ float:left; margin-left:20px;}
.project-precisionMarketing-mod.other-tags .couponBefore-con{ width:266px; padding-left:22px; height:44px; margin-top:26px;}
.project-precisionMarketing-mod.other-tags .couponBefore-con .icon,.project-precisionMarketing-mod.other-tags .couponResult-con .icon{ display:none;}
.project-precisionMarketing-mod.other-tags .couponBefore-con .introduce-text{ width:167px; padding-top:4px;}
.project-precisionMarketing-mod.other-tags .couponBefore-con .introduce-text h3,.project-precisionMarketing-mod.other-tags .couponResult-con .introduce-text h3{line-height:17px; font-size:12px; color:#ff7e00;}
.project-precisionMarketing-mod.other-tags .couponBefore-con .introduce-text p,.project-precisionMarketing-mod.other-tags .couponResult-con .introduce-text p{line-height:17px; padding-left:0; font-size:12px; color:#ff7e00;}
.project-precisionMarketing-mod.other-tags .couponResult-con .introduce-text p a{ color:#ff7e00;}
.project-precisionMarketing-mod.other-tags .couponResult-con{ width:276px; padding-left:32px; height:44px; margin-right:0; margin-top:24px;}
.project-precisionMarketing-mod.other-tags .couponResult-con .introduce-text{ text-align:left; width:128px; padding-top:4px;}
.project-precisionMarketing-mod.other-tags .couponBefore-con .draw-btn{ width:94px; height:34px; line-height:34px; font-size:14px; margin-top:5px;}
.project-precisionMarketing-mod.other-tags .couponResult-con .coupon-countDown{ font-size:12px; padding-top:4px;}
.project-precisionMarketing-mod.other-tags .couponResult-con .coupon-countDown p{ padding:0; font-size:12px; line-height:18px; color:#999;}

/**/
.precisionMarketing-mask{display:none;width:100%;z-index:198;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;}
.project-precisionMarketing-pop{ display:none; color:#333; overflow:hidden; width:330px; padding:0 30px 25px; font-size:14px; background:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -165px; z-index:199; border-radius:5px;}
.project-precisionMarketing-pop .top-tit{ height:65px; line-height:65px; position:relative;}
.project-precisionMarketing-pop .top-tit h4{ float:left; font-size:20px; font-weight:bold;}
.project-precisionMarketing-pop .top-tit .close-btn{ display:block; width:16px; height:16px; position:absolute; right:-10px; top:20px; background:url("/images/template/2020precisionMarketing-v3/precisionMarketing-ico.png") no-repeat 0 -364px;}
.project-precisionMarketing-pop .coupon-con{ color:#fff; border-radius:10px; overflow:hidden; position:relative; background:#ff663c; background-image:-webkit-linear-gradient(left, #ff7f5b, #ff663c); background-image:-ms-linear-gradient(left, #ff7f5b, #ff663c); background-image:linear-gradient(left,#ff7f5b,#ff663c);}
.project-precisionMarketing-pop .coupon-con .discount-tags{ padding:0 19px; line-height:66px; border-bottom:1px dashed #fff;}
.project-precisionMarketing-pop .coupon-con .discount-tags h3{float:left; display:block; font-size:22px;}
.project-precisionMarketing-pop .coupon-con .discount-tags h3 strong{ font-size:36px; margin-right:6px;}
.project-precisionMarketing-pop .coupon-con .discount-tags p{ display:block; float:right; font-size:20px;}
.project-precisionMarketing-pop .coupon-con .tips{ line-height:18px; padding:9px 18px;}
.project-precisionMarketing-pop .coupon-con .ico-left,.project-precisionMarketing-pop .coupon-con .ico-right{ display:block; width:16px; height:16px; background:#fff7e8; border-radius:50%; position:absolute; left:-8px; top:68px;}
.project-precisionMarketing-pop .coupon-con .ico-right{ left:auto; right:-8px;}
.project-precisionMarketing-pop .coupon-countDown{ line-height:23px; padding:12px 0 22px; }
.project-precisionMarketing-pop .coupon-countDown span{ color:#ff6a41;}
.project-precisionMarketing-pop .btn{ display:block; width:144px; height:38px; line-height:38px; text-align:center; font-size:16px; text-decoration:none; color:#ff6a41; margin:0 auto; border:1px solid #ff6633; border-radius:50px;}

/**/
.openingCeremony{ width:102px; height:102px; position:fixed; left:50%; top:50%; margin:-51px 0 0 -51px; background:url("/images/template/2020precisionMarketing-v3/openingCeremony.gif") no-repeat; z-index:999999999;}

/**/
.bannerCenter.precisionMarketing-tags p{ padding-left:0;}
.bannerCenter.precisionMarketing-tags .bannerLink1{ margin-left:0; float:right;}

/*20200914 add by sunke*/
.precisionMarketing-CommonPop-mask{display:none;width:100%;z-index:960;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;}
.precisionMarketing-CommonPop{ font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; display:none; color:#333; width:440px; background:url("/images/template/2020precisionMarketing-v3New/pop-bg02.png") no-repeat center bottom #fff; padding-bottom:20px; border:10px solid #ffbf42; position:fixed; top:50%; left:50%; margin:0 0 0 -220px; z-index:961; border-radius:10px; }
.precisionMarketing-CommonPop .top-tit{ line-height:52px; text-align:center; padding-top:3px; font-size:22px; font-weight:bold; color:#ff9a00;}
/*.precisionMarketing-CommonPop .couponList{ margin-bottom:8px; position:relative; height:384px; z-index:2; overflow-y:auto;}*/
.precisionMarketing-CommonPop .couponList{ margin-bottom:8px; position:relative; height:140px; z-index:2; overflow:hidden;}
.precisionMarketing-CommonPop .couponList li{ width:320px; height:118px; margin:0 auto 10px; padding:0 20px; background:url("/images/template/2020precisionMarketing-v3New/pop-bg03.png") no-repeat;}
.precisionMarketing-CommonPop .couponList .coupon-prize{ height:39px; line-height:39px; padding-top:4px; color:#885413; overflow:hidden;}
.precisionMarketing-CommonPop .couponList .coupon-prize h4{ float:left; font-size:16px; font-weight:normal;}
.precisionMarketing-CommonPop .couponList .coupon-prize h4 strong{ font-size:28px; font-weight:bold;}
.precisionMarketing-CommonPop .couponList .coupon-prize span{ display:block; float:right; font-size:28px;}
.precisionMarketing-CommonPop .couponList .explain-text{ height:36px; line-height:18px; font-size:14px; color:#aa7f47;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.precisionMarketing-CommonPop .couponList .explain-text a{ color:#aa7f47; font-weight:bold;}
.precisionMarketing-CommonPop .couponList .link-btn{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; font-size:0; line-height:0;}
.precisionMarketing-CommonPop .couponList .link-btn.isApp{ display:none}
.precisionMarketing-CommonPop .precisionMarketingCountDownNew{ height:24px; line-height:24px; font-size:14px; color:#fb595b; margin-top:12px;}
.precisionMarketing-CommonPop .precisionMarketingCountDownNew span{ display:block; float:left;}
.precisionMarketing-CommonPop .precisionMarketingCountDownNew .tit{ height:24px; line-height:24px; color:#666; padding-right:5px;}
.precisionMarketing-CommonPop .use-btn{ display:block; width:268px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#fff; box-shadow:0 4px 8px #ffd0cb; text-decoration:none; border-radius:50px; margin:0 auto; background:#ff604f; background-image:-webkit-linear-gradient(left, #ff604f, #ff9551); background-image:-moz-linear-gradient(left, #ff604f, #ff9551); background-image:linear-gradient(left,#ff604f,#ff9551);}
.precisionMarketing-CommonPop .close-btn{ display:block; width:19px; height:19px; line-height:0; font-size:0; z-index:2; background:url("/images/template/2020precisionMarketing-v3New/close-btn.png") no-repeat 0 0; position:absolute; right:20px; top:22px;}
.precisionMarketing-CommonPop .discountAmount-text{ line-height:28px; text-align:center; font-size:20px; font-weight:bold; color:#ff9702; padding:30px 0 22px;}
.precisionMarketing-CommonPop .drawNums-text{ text-align:center; font-size:16px; color:#fb595b; padding-top:18px;}
.precisionMarketing-animated{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes precisionMarketingShake{from,to{-webkit-transform:rotate(0);transform:rotate(0)}10%,20%,30%,40%,50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}15%,25%,35%,45%,55%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}60%{-webkit-transform:rotate(0);transform:rotate(0)}}
@keyframes precisionMarketingShake{from,to{-webkit-transform:rotate(0);transform:rotate(0)}10%,20%,30%,40%,50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}15%,25%,35%,45%,55%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}60%{-webkit-transform:rotate(0);transform:rotate(0)}}
.precisionMarketing-shake{-webkit-animation-name:precisionMarketingShake;animation-name:precisionMarketingShake}

.animated {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

}
@-webkit-keyframes shake {
    from, to {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    10%, 20%, 30%, 40%, 50% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }

    15%, 25%, 35%, 45% ,55% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    60% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }

}

@keyframes shake {
    from, to {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    10%, 20%, 30%, 40%, 50% {
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg);
    }

    15%, 25%, 35%, 45% ,55% {
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg);
    }
    60% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}